@charset "UTF-8";
html { overflow: hidden; }/*强制隐藏滚动条*/

body,a{color:#555}
ul, li, ol{ list-style:none;margin:0;padding:0}
.clear::after, .clearfix::after { clear: both; content: " ";  display: block; height: 0;}
input::input-placeholder{color:#999}
input::-webkit-input-placeholder{color:#999}
input:-moz-placeholder{color:#999}
input::-moz-placeholder{color:#999}
input:-ms-input-placeholder{color:#999}
label{font-weight:normal}
#upModal{position:absolute;right:0;bottom:-420px;width:630px; height:420px;background-color:#fff; z-index:999; display:none; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);overflow: hidden;}
#upModal .up-title{ background-color:#18afc6; color:#fff; line-height:45px;margin:0; text-indent:10px;}
#upModal .close{margin:10px;}
.app{border:solid 1px #ddd;padding:10px;width:95%;margin:0 auto;}
.app div{width:50%;float:left;}
.tablewrap{width: 100%; padding: 15px;}
.monitor{font-size:16px;margin-top: 15px;}
.monitor p{display:inline-block;width:180px;text-align:right;line-height:48px;padding-right:20px}
.monitor p.have_c{margin:0}
.monitor a,.service-status a{box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; line-height: 38px; text-align: center; width: 150px;}

.monitor a.normal{background-color:#99cc33}
.monitor a.alarm{background-color:#cc3300}
.service-status  a.normal{background:url(../images/header.png) no-repeat #99cc33 245px -180px}
.service-status a.alarm{background:url(../images/header.png) no-repeat #cc3300 245px -220px}
.taskform {line-height:30px;margin-bottom: 15px;}
.taskform .errMsg{line-height:20px;}
.taskform p{font-size:14px;margin:0;float:left;width:130px;padding-right:5px;text-align:right}
.taskform  label{font-weight:normal;display:block;padding-left:120px;margin-bottom:0}
.taskform  input,.taskform  textarea{border:solid 1px #ddd;width:70%}
.taskform  input{height:30px;}
.taskform  textarea{height:100px;line-height:22px;}
.confirm{ display:inline-block;width:26px;height:26px;background:url(../images/header.png) no-repeat -48px -138px; text-indent:-1000em;overflow:hidden}
.confirmed{background-position:0 -138px;}
.taskform >.red{padding-left:130px;}
.history{float:left;margin-top:5px;}
.history button{ height: 30px; margin: 7px 10px; background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #fcfcfc, #f1f1f1) repeat scroll 0 0;
    border: 1px solid #d7d7d7; border-radius: 3px; color: #666; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 400;  height: 30px;
    line-height: 30px;   margin: 0 5px; padding: 0 15px;  position: relative;width: auto;text-decoration: none;}
.datepicker{padding:3px 8px;height:30px;background:url(../images/header.png) no-repeat 140px -88px;border:solid 1px #ddd}
.service{width:30%;min-width:280px;float:left;background-color:#ececec;margin-right:3%;margin-bottom:20px}
.service a:hover{text-decoration:none}
.service p{text-align:center;cursor:poinder;font-size:16px; line-height:40px;margin:0}
.service ul li span{ display:inline-block;width:80px;}
.service ul{color:#fff;padding:10px 20px;background-color:#3399cc;}
.service ul li p{display:inline-block;text-align:left;line-height:30px;}
.service a{display:block;margin:0 auto}
.service-status a{width:280px;margin:10px auto; display:block}
.set-box  .service-status a{cursor: default;}
.set-box  .service-status a:hover{text-decoration:none}
.set-box{width:100%;margin:0;background-color: #ececec;}
.set-box .service-status{float:left;width:40%}
.setline{margin-bottom:10px}
.setline label{font-weight:normal}
.setline p{display: inline-block; padding-right: 10px; text-align: right; width: 150px;}
.setline span{padding-right:20px}
.breadcrumb > li{max-width: 25%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;}
.modal-content{border-radius:0}
.modal-header{ background-color:#24a2be;color:#fff;padding:10px 15px;font-size:14px;}
.btn-primary{background-color:#24a2be;}
.modal-body{min-height:100px; vertical-align:middle}
.box{border: 1px solid #ccc;height: 30px; line-height: 30px;  margin: 20px auto; width: 200px;}
.modal-footer{ text-align:center;}
.modal-footer .btn{font-size:14px;height:36px; line-height:36px;padding:0 40px;margin:0 40px;}
.modal-footer .btn-default{border:1px solid #d7d7d7}
.simple-txt{ line-height:100px; text-align:center}
.simple-txt span{
    display: inline-block;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}
.container{width:100%;min-width:980px;}
.left-col{ background-color:#efefef;width:200px;border-right:solid 1px #e3e3e3; position: absolute;top: 94px;left:0;bottom:0;}
.left-col .side-bar{height:100%;overflow: auto;}
.right-col{position:absolute;left:200px;right:0;top:94px;bottom:0; overflow:auto}
.adduserbtn{color:#fff;  display: inline-block;  font-size: 14px;  font-weight: 400; height: 30px;  line-height: 30px;  margin: 0 5px; outline: 0 none;  position: relative;  text-decoration: none;  vertical-align: top;  white-space: nowrap;background:#2e91c3;  border-radius: 3px;  padding: 0 20px; cursor:pointer;float: right;margin: 7px 15px;border:none}
.adduserbtn a{background:none;width:auto;color: #fff;}
.userbtn{color:#fff;  display: inline-block;  font-size: 14px;  font-weight: 400; height: 30px;  line-height: 30px;  margin: 0 5px; outline: 0 none;  position: relative;  text-decoration: none;  vertical-align: top;  white-space: nowrap;background:#2e91c3;  border-radius: 3px;  padding: 0 20px; cursor:pointer;float: right;margin: 7px 15px;border:none}
.userbtn a{background:none;width:auto;color: #fff;}
.todaymood{float:right;display:none;height:30px; width:30px;margin:7px 15px 7px 0;}
.mood{text-align:center}
.mood a{display:inline-block;width:70px;height:70px;margin:0 20px}
.happy{background:url(../images/happy.png) no-repeat;background-size:contain}
.common{background:url(../images/common.png) no-repeat;background-size:contain}
.sad{background:url(../images/sad.png) no-repeat;background-size:contain}
.set{float:right;background-color:#fff;border:solid 1px #ddd;width:45%;padding:0 15px;margin:10px}
.set span,.set p a{display:inline-block;margin:5px 0}
.set span{ text-align:left;width:185px;}
.set p{ text-align:left;margin:0}
.set p a{padding:0 20px;background-color:#3399cc;color:#fff;border-radius:2px; line-height:36px}
.status{float:left;margin-top: 5px;margin-right:15px}
.status select{height:30px;padding:0 10px}
.breadcrumb{margin-bottom:0;background-color:#fff;}
.breadcrumb > li + li::before {content: "> "}
.breadcrumb span{padding:0 3px;color:#ccc}
.breadcrumb a{color:#24a2be}
.navbar-header{border-radius:0;border:0;padding:0 20px;width:100%; height:94px;margin-bottom:0;background:url(../images/header.jpg) no-repeat bottom right #006699;}
.navbar-default .navbar-header a.navbar-brand,.navbar-default .navbar-header a.navbar-brand:hover{color:#fff}
.navbar-brand{ text-indent:170px;padding:0; background:url(../images/header.png) no-repeat;height:60px; line-height:60px;margin-top:15px;display:inline-block;}
.navbar-nav{margin-top:25px;margin-left:50px; background-color:#fff;border-radius:20px;padding:0 20px;float:left}
.navbar-nav > li > a{padding:0 30px; line-height:37px;}
.navbar-header .nav > li,.navbar-header .nav > li > a{display:inline-block}
.navbar-default{border:0}
.navbar{margin-bottom:0}
.navbar-default .navbar-nav > li > a{color:#555;font-size:16px;}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover{color:#ff9900;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#fff;border-bottom:solid 3px #ff9900;}
.navbar-form{margin-top:30px;padding:0;height:26px;  position:relative;width:225px;border:0}
.form-control{border-radius:0; height:26px;border:0; }
.navbar-form .btn{position:absolute;right:0;top:0}
.btn{border-radius:2px;font-size:14px;border:0;height:26px;padding:0 10px;line-height:26px;}
.navbar-form .form-group{display:inline-block;position:absolute;left:0;top:0}
.code{ text-align:center;font-size:12px;}
.code img{margin:5px;width: 120px}
.progress{ height:7px;border-radius:0;margin:0 auto}
.navbar-right{margin-right:0;float:right}
.navbar-default .navbar-text{color:#fff;margin-top:30px;margin-left:20px; line-height:26px;}
.navbar-default  .navbar-link{margin-left:30px;color:#fff; text-decoration:underline;}
.navbar-default  .navbar-link:hover{color:#fff;}
.btn-default{background:#f1f1f1;background:-webkit-linear-gradient(top,#fcfcfc,#f1f1f1);background:-moz-linear-gradient(top,#fcfcfc,#f1f1f1);background:-ms-linear-gradient(top,#fcfcfc,#f1f1f1)}
.btn-default:hover{background:#f8f8f8;background:-webkit-linear-gradient(top,#f8f8f8,#e9e9e9);background:-moz-linear-gradient(top,#f8f8f8,#e9e9e9);background:-ms-linear-gradient(top,#f8f8f8,#e9e9e9)}
.nav-pills{padding-top:10px;}
.nav-pills > li > a{border-radius:0;line-height:35px;padding:2px 0;border-bottom: solid 1px #efefef;cursor:pointer;}
.nav-pills > li > a:hover{color:#ff9900}
.nav-pills > li > a .text{padding-left:30px;position:relative; height:35px;display: block;margin-left:20px;}
.nav-pills  li  a .img-ico{background:url(../images/header.png) no-repeat; position:absolute;left:0;top:4px; height:26px; width:24px;}
.nav-pills > li > a.sec{padding-left:30px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover{background-color:#f8e9d8;border-bottom:solid 1px #e3e3e3;color:#555;}
.nav-pills > li > a.line{border-bottom:solid 1px #e3e3e3;}
.nav-pills li a .first{ background-position:0 -278px;}
.nav-pills li a .rc{ background-position:0 -310px;}
.nav-pills li a .zb{ background-position:0 -348px;}
.nav-pills li a .qd{ background-position:0 -386px;}
.nav-pills li a .fwq{ background-position:0 -421px;}
.nav-pills li a .yy{ background-position:0 -460px;}
.second-l{display:none}
.second-l li a{ display:block; height:36px; line-height:36px;padding-left:60px;cursor: pointer;border-bottom: solid 1px #e3e3e3;}
.second-l li a:hover{background:#e9fcff;}
.second-l li.active a {background-color:#f8e9d8;border-bottom:solid 1px #e3e3e3;color:#555;}
.right-header{border-bottom:solid 1px #e3e3e3;padding-left:15px;height:42px;}
.right-header h4{margin:0;line-height:42px;}
.main-button{font-size: 16px;  font-weight: bold;  height: 45px;line-height: 45px;  margin-right: 200px;}
#search  .main-button{height: 41px;font-weight:normal}
.main-button a{display:block;text-indent:-1000em;height:34px; width:79px;background:url(../images/header.png) no-repeat;}
.main-button a.upload{background-position:0 -137px;}
.main-button a.newfolder{background-position: -82px -137px; left: 105px;  position: absolute;  top: 6px;  width: 114px;}
.main-button a.upload:hover{background-position:0 -179px;}
.main-button a.newfolder:hover{background-position:-82px -179px;}
#main{padding-left:20px; overflow:hidden; position:relative}
.list-ico {float:right;margin: 7px 10px; height:30px;}
.list-ico a{display:inline-block;background:url(../images/header.png) no-repeat;height:30px;width:32px; cursor:pointer;}
.sub-title{line-height:34px}
.list-header{ position:relative;background-color:#efefef;border-bottom:solid 1px #e3e3e3;height:40px; overflow:hidden}
.list-header ul{ padding:0;margin:0}
.grid-view .list-header ul{ display:none}
.list-group{margin:0; overflow:auto;height: 100%;}
.list-group-item{border:0;border-bottom:solid 1px #e3e3e3;}
.list-group-item{background: #fff none repeat scroll 0 0; border-bottom: 1px solid #ebebeb;height: 38px;line-height: 38px; position: relative;text-overflow: ellipsis; white-space: nowrap;}
.count-tips{display: block; float: left; padding-right: 10px;}
.g-button:hover{ text-decoration:none}
.icon-delete,.icon-delete-blue{background:url(../images/plugin-icon_7318e47.png) no-repeat scroll -210px -30px;}
.g-button:hover .icon-delete,.g-button:hover .icon-delete-blue{background:url(../images/plugin-icon_7318e47.png) no-repeat scroll -240px -30px;}
.needpw{position:relative;width:10%;padding-left:10px;box-sizing:border-box;}
.g-button .icon {display: inline-block;height:18px;    margin-right: 4px;    vertical-align: middle;    width: 20px;}
.dropdown-backdrop{display:none;}
.alert{padding:0 15px;}
#shareModal .left,#shareModal .right{width:35%;margin:30px 0 20px 10%;display:inline-block}
#shareModal label{margin-bottom:20px; display:block;font-size:24px;}
#shareModal label input{margin-right:10px}
#myModal .modal-title{width:95%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
#myModal .left,#myModal .right{padding:30px 0 20px 5%; display: inline-block;box-sizing:border-box;vertical-align: top;}
#myModal label input{margin-right:10px}
.textareawrap{width:80%;height:80%;text-align:right;overflow:hidden}
#textareawrap textarea{width:100%;border:0;height:370px;border:solid 1px #e3e3e3;padding:5px;margin:10px 0;}
/*#myAlert{margin:5px 0;width:80%; line-height:25px;}*/
#save,.back{font-size: 16px;height: 35px; padding: 5px 30px;}
.back{border-radius: 2px;border: 1px solid #ddd;background-color:#e3e3e3}
.back:hover{background-color:#ddd}
#back{border:solid 1px #ddd}
.dialog-icon {cursor: pointer; float: right; text-indent: 500px;margin:10px 5px; float: right; font-size: 21px; font-weight: 700; line-height: 1;background: url(../images/dialog-icon_a9118ce.png) no-repeat; height: 20px; width: 20px;}
.dialog-max {background-position: -40px 0;}
.dialog-minus{background-position: -60px 0;}
#upModal  .close{background-position: -80px 0;color:#fff;margin:10px 5px;opacity:1;}

.bin{position:absolute;top:8px;right:20px;background:url(../images/header.png) no-repeat 0 -652px;display:inline-block;padding-left:15px; text-decoration:underline}
#changePWD{padding:30px}
#changePWD div{padding:10px 0 10px 140px;  position: relative;}
#changePWD label{font-weight: normal;left: 20px; position: absolute;top: 13px; text-align:right;width:110px;}
#changePWD  input,#changePWD  select{border:1px solid #e3e3e3;padding:2px 5px;width:250px; height:32px; line-height:32px;}
.red{color:red;margin:0 5px}
.add-group{ display:inline-block;background:url(../images/header.png) no-repeat -36px -686px;margin-left:5px;background-color:#24a2be;vertical-align: middle; cursor:pointer;padding-left:30px;border-radius:3px;padding:0 10px 0 30px;line-height:26px;color:#fff}
.add-group:hover{background-color:#286090;text-decoration:none;color:#fff;}
.minus{background-position:0 -687px;}
#changePWD .edituser{padding:0}
.edituser  textarea{border:1px solid #e3e3e3;padding:2px 5px;width:250px;height:100px}
.edituser span{ line-height:28px}
table.usertable {border: 1px solid #ddd;border-right:0;border-bottom:0;width:100%}
table.usertable th,table.usertable td { border:1px solid #ddd;padding:10px 5px;text-align:center;border-left:0;border-top:0}
table.usertable th{background:#efefef}
table.usertable a{color:#337ab7;text-decoration:underline}
.searchuser{width:95%;padding:10px 0;margin:10px auto;}
.searchuser span{display:inline-block;margin-right:15px;}
.searchuser span label{font-weight:normal}
.searchuser .btn{border: 1px solid #ddd;}
.right_title{border-bottom:1px solid #e3e3e3; padding-left: 10px;height:35px; line-height:34px;background-color:#efefef}
#rightModal .group .right_title  label{margin:0 10px 0 20px;font-size: 14px;}
.right_title p{margin-right:20px;margin-bottom:0;display:inline-block;float:left;font-weight:bold}
.d_right{display:inline-block;float:left;}
.group{ position:relative;border:1px solid #e3e3e3;margin-bottom:10px;}
.group .group{border-right:0;border-bottom:0;margin-bottom:0}
.unfold{ display:inline-block; position:absolute;top:8px; right:5px;}
.subgroup{/*background-color:#efefef;*/padding:0 15px; font-size: 12px;padding-right:0}
.subgroup .sub div{width:33%;float:left;}
.subgroup div.allselect{width:100%;border-bottom:1px solid #e3e3e3;}
.allselect {padding:5px 0}
#rightModal .group .allselect label{ background: #e9fcff;border: 1px dashed #ccc;  height: 30px; line-height: 30px; margin: 0 20px; padding: 0 12px;font-size:12px;}
#rightModal .group label{ display:inline-block; font-weight: normal;margin:0 10px;height:34px; line-height:34px;font-size:12px;}
#rightModal .group label input {margin-right: 5px; margin-top: 0; vertical-align: middle;}
.subgroup div span{ display:inline-block;width:40%; text-align:right}
.modal-body{max-height:300px; overflow:auto}
.search-tab{margin-top:10px;}
.search-tab div{display: inline-block; text-align: center; width: 120px; margin-left: 5px;font-size: 14px;line-height: 35px; cursor:pointer;}
.search-tab div.search-now{border:solid 1px #e3e3e3;border-bottom:none;background-color:#efefef;}
#search .list-ico{margin-top:0;}
#rightModal .group .subgroup{display:none}
#rightModal .group:first-child .d_right{display:inline-block}
#rightModal  .modal-body>.group_m>.group:first-child .subgroup{display:block}
.page{ margin:0 auto;text-align: center;width: 50%;padding-top:20px;}
.page .pagelink{border:solid 1px #e3e3e3; border-right:none;display:inline-block}
.page p{line-height:35px;padding-left:20px;display:inline-block}
.page p span{margin:0 3px;}
.page .pagelink a,.page .pagelink span{ display:inline-block;border-right:solid 1px #e3e3e3; line-height:35px;width:35px; text-align:center}
.page .pagelink a.current,.page .pagelink a:hover{ background-color:#00c0dd;color:#fff;}
.bin-title{height:45px; line-height: 40px; font-size: 16px;}
.bin-title a{text-decoration: underline; color: rgb(51, 122, 183);}
.msg_err{background:url(../images/msg_err.jpg) no-repeat right bottom;width:80%;padding: 50px 200px 50px 100px;min-height:410px}
.msg_err h2{font-size:24px;}
.msg_err p{color:#777;padding:10px 0}
.msg_err .usertable td{ text-align:left}
.msg_success{width:80%;padding: 20px 100px 50px 100px;min-height:410px}
.msg_success h2{font-size:16px;background:url(../images/msg_success.jpg) no-repeat left center;padding-left:120px; line-height:100px;margin:0}
.msg_success .usertable td{ text-align:left}
#successAlert .modal-dialog{width:400px;}
#groupModal .modal-dialog{width:800px;}
#groupModal .modal-body{padding-left:0}
#groupModal .treeview-txt{ display:inline-block; cursor:pointer}
#groupModal .treeview-sel{ background:url(../images/select.png) no-repeat right center #18afc6;padding:0 20px 0 5px;color:#fff;}
#groupModal .treeview{padding-left:30px;}
#groupModal .treeview-node-handler{padding-left:20px; position: relative;}
#groupModal .treeview .b-in-blk{ left: 0; margin: 0 5px; position: absolute; top:10px;}
#groupModal .treeview  .minus {background-position: -30px -22px;}
#rightModal .modal-dialog{width:1000px;}
#rightModal .modal-body {max-height:450px}
.selgroup{background-color:#e9fcff;padding:5px 0 5px 10px;margin-top:8px;}
#changePWD div.selgroup{padding:5px 0 5px 10px; margin-left: 140px;}
#changePWD div.selgrouplist{padding:0;margin-top: 3px;}
.selgroup p{background: #fff; border: 1px dotted #ccc; display: inline-block; line-height: 20px;  margin: 0 25px 3px 0;  padding: 0 5px;}
.right-list{padding:0 20px;}
.right-list table.usertable{width:100%}
.cancel-rights{display:inline-block;background-color:#24a2be;vertical-align: middle; cursor:pointer;padding-left:30px;border-radius:3px;padding:0 10px 0 10px;line-height:26px;color:#fff;}
.cancel-rights:hover{background-color:#286090;text-decoration:none;color:#fff;}
#groupModal{min-height:50px;}
#groupModal .grouptable{width:100%;margin:0 auto;padding:10px 5px;padding:0;}
.grouptable .group-l1{width:40%;text-align:left;}
.grouptable .group-l2,.grouptable .group-l3,.grouptable .group-l4{width:165px;position:absolute;line-height: 30px;top:2px;}
.grouptable .group-l2{right:330px}
.grouptable .group-l3{right:165px}
.grouptable .group-l4{right:0}
.grouptable .treeview{width:100%;}
.grouptable  li>.treeview{border-top:solid 1px #ddd}
.group_list{padding:0;width:100%;box-sizing:border-box;position:relative;height:32px;}
.grouptable>.treeview >li>.group_list{border-left:0;}
#groupModal>.treeview{padding-left:0}
#groupModal .treeview li{position:relative;padding-left:0;margin-left:20px;background:url(../images/join.gif) no-repeat left top;line-height:24px;border-bottom: 1px solid #ddd;}
#groupModal .treeview .group_list{border-bottom:dotted 1px #fff}
#groupModal .treeview .group_list:hover{border-bottom:dotted 1px #337ab7}
#groupModal .treeview .b-in-blk{height:30px;top:0}
#groupModal  .treeview{padding-left:0;background:url(../images/line.gif) repeat-y left center;}
#groupModal >.treeview{background:none;border-bottom:0;}
#groupModal  .treeview li  .treeview-txt{font-size:16px;}
#groupModal  .treeview .plus{margin-left:-5px;background:url(../images/plus.gif) no-repeat left center;}
#groupModal  .treeview .minus{background:url(../images/minus.gif) no-repeat left center;}
#groupModal  .treeview  li:last-child{background:url(../images/last.gif) no-repeat left top;border:none;border-color:red}
#groupModal  .treeview li:last-child>.treeview{background:none;}
#groupModal >.treeview>li:first-child{background:url(../images/first.gif) no-repeat left top;}
#groupModal .file-tree-container {padding-left:20px;}
#groupModal .file-tree-container .treeview li{position:relative;padding-left:0;margin-left:25px;background:url(../images/join.gif) no-repeat left top;line-height:30px;border:none}
#groupModal .file-tree-container .treeview .b-in-blk{height:30px;top:0}
#groupModal .file-tree-container .treeview{padding-left:0;background:url(../images/line.gif) repeat-y left center;}
#groupModal .file-tree-container >.treeview{background:none;border-bottom:0;}
#groupModal .file-tree-container .treeview li  .treeview-txt{margin-left:20px;font-size:16px;}
#groupModal .file-tree-container .treeview .plus{margin-left:-5px;background:url(../images/plus.gif) no-repeat left center;}
#groupModal .file-tree-container .treeview .minus{background:url(../images/minus.gif) no-repeat left center;}
#groupModal .file-tree-container .treeview li:last-child{background:url(../images/last.gif) no-repeat left top;}
#groupModal .file-tree-container .treeview li:last-child>.treeview{background:none;}
#groupModal .file-tree-container >.treeview>li:first-child{background:url(../images/first.gif) no-repeat left top;}
.group_m .group_m{margin-left:15px;display:none}
.pub_tip{border: 1px solid #ddd;  font-size: 16px;  line-height: 1.8em; margin: 30px auto;  padding: 20px;  text-align: center; text-indent: 2em; width: 50%;background-color: #efefef;}
.line{margin-bottom:20px}
.line p{background-color: rgba(54, 169, 206, 1); box-sizing: content-box; color: #fff; padding:30px 15px; text-align: center; width: 1em;height:70px}
.line .chart{ background:#000;min-height:130px;width:90%;margin-left:15px}
.line p.s{font-size:12px;padding:10px 15px;height:110px;}
.line p.s span:first-child{display:inline-block;padding-bottom:8px}
